<%--
  Created by IntelliJ IDEA.
  User: 刘锦华
  Date: 2022/3/7
  Time: 14:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录</title>
    <meta http-equiv='content-type' content='text/html;charset=utf-8' />
    <script type='text/javascript' src='"D:\jquery\jquery-3.6.0.min.js"'></script>
    <style type='text/css'>
        #code {
            font-family: Arial, 宋体;
            font-style: italic;
            color: blue;
            size: 12px;
            border: 0;
            padding: 2px 3px;
            letter-spacing: 8px;
            font-weight: bolder;
        }
        body{
            margin: 0;
            padding: 0;
            font-family: sans-serif;
            background: url(images/QQ图片20220315193454（1）.jpg)  no-repeat center 0px;
            background-size: cover;

            background-position: center 0;
            background-repeat: no-repeat;
            background-attachment: fixed;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
            -ms-background-size: cover;

        }
    </style>
</head>

<body onload='createCode()'>
<table border=0 style="margin-top: 100px;">
    <tr>
        <th width=700 height=400></th>
        <th style="background-color: white;z-index: 9999999;opacity: 90%;padding: 50px;padding-bottom: 20px;">
            <form action="login" method="post">
                <p style="font-size: xx-large">登录</p>
                <table border=0 height=400>
                    <tr>
                        <th height=65>
                            <font size='4'>账号
                            </font>
                        </th>
                        <th><input type="text" style="height:40px;width:300px;border-left: none;border-right: none;border-top: none" placeholder="请输入用户名" size=40 name="name">
                            <span style="color: red; " id="s">
                                ${requestScope.message}
                            </span>
                        </th>
                    </tr>
                    <tr>
                        <th height=65>
                            <font size='4'>密 码
                            </font>
                        </th>
                        <th>
                            <input type="password" style="height:40px;border-left: none;border-right: none;border-top: none" placeholder="密码长度为8~18字符" size=40
                                   id="password" name="pwd">
                        </th>
                    </tr>
                    <tr style="height: 100px">
                        <th colspan=2 height=65 style="margin-right: 100px">
                        <input type='submit' style="background-color:red;height:55px;width:160px;font-size:25px;color:white;border:none"
                                                       value='登录' id='l' onclick="validate()">
                        </th>
                             <td style="float: bottom"><a href="zhuce.jsp" style="font-size:xx-small;font-family: 'Microsoft YaHei UI',serif">没有账号?注册一个</a></td>
                    </tr>

                </table>
            </form>
            <script>
                var n=document.getElementById("name");
                n.onclick=function () {
                    var s=document.getElementById("s");
                    s.remove();
                }
            </script>
        </th>
    </tr>
</table>
</body>

</html>
